@charset "utf-8";
.topimg img{width:100%;height: 110px;}
.header > .container{display: none;}
.topnav{position: relative;padding: 15px 7%;background: linear-gradient(180deg, #3297FC 0%, #0661BD 100%);z-index: 2;}
.header-logo{width: 30%;padding: 0;}
.header-fr{margin-left: 90px;width: 60%;}
.menus li{float: left; position: relative;}
.menus li a{display: inline-block; line-height: 30px; color: #fff;}
.menus li a span{display: inline-block; vertical-align: top;}
.menus li a font{display: inline-block; vertical-align: top; padding-left: 5px; padding-right: 10px; opacity: .85;}
.menus li a:hover span{opacity: .85;}

.marks li{float: left; line-height: 30px;}
.marks li.itm a{display: block; padding: 0 1em; margin-right: 1.125em; color: #fff; background: #c52a27; border-radius: 100em;}
.marks li.ipv6 span{display: block; padding: 0 15px; color: #fff; margin-left: 20px; line-height: 28px; border: 1px solid #fff; border-radius: 100px;}
.topnav .mainnav{padding: 25px 0 10px 0;}
.topnav .mainnav ul{font-size:0;text-align:justify;text-align-last:justify;}
.topnav .mainnav li{/* float: left; */display: inline-block;font-size: 22px;font-weight: bold;}
.topnav .mainnav li a{display: block;padding-bottom: 15px;;color: #fff;}
.topnav .mainnav li.on a,.mainnav li:hover a{border-bottom: 4px solid #fff;}
.topnav .mainnav li + li{/* margin-left: 68px; */}
.topbanner{position: relative;width: 100%;height: 470px;/* margin-top: -120px; */}
.header-swiper{bottom: 0;}
.topbanner .header-search{position: absolute;bottom: 5px;left: 25.9%;width: 48.2%;z-index: 2;}
.header-search dl dd input[type="text"]{height: 60px;line-height: 60px;font-size: 22px;}
.header-search dl dd{margin-left: 40px;}
.header-search dl dt.button{height: 60px;top: 0px;right: 0;border-radius: 30px;width: 170px;font-size: 24px;}
.header-search dl dt.button a font{font-weight: normal;}
.header-search .hotword .itm{font-size: 18px;font-weight: normal;}
.header-search .hotword a.itm{padding: 3px 18px;margin:16px 0 0 14px;border-radius: 15px;color: #333;background: rgba(255,255,255,.6);}
@media (max-width:1480px){
  .topnav{padding: 15px 45px;}
  .topnav .mainnav{margin-left: 50px;}
  .topnav .mainnav li + li{/* margin-left: 40px; */}
  .topbanner{height: 512px;}
  .topbanner .header-search{bottom: 22px;}
}
@media (max-width:1200px){
  .header-logo{float: unset;margin: 0 auto;}
  .topbanner{height: 30vw;}
  .topnav .mainnav{
    width: 90%;
}
  .topbanner .header-search{width: 80%;left: 10%;}
  .header-search dl dd input[type="text"]{height: 60px;line-height: 60px;}
  .header-search dl dt.button{height: 50px;top: 5px;right: 5px;}
  .header-search dl dt.button a font{font-size: 22px;}
}
@media (max-width:992px){
  .topnav .mainnav{display: none;}
  .topbanner .header-search{bottom: 10px;}
  .header-search dl dt.button{width: 70px;}
}
@media (max-width:450px){
  .topbanner .header-search{width: 90%;left: 5%;}
  .header-search dl dd input[type="text"]{height: 40px;line-height: 40px;font-size: 16px;}
  .header-search dl dd{margin-left: 20px;}
  .header-search dl dt.button{height: 40px;top: 0;right: 0;width: 50px;border-radius:0 20px 20px 0;}
  .header-search dl dt.button a{margin-top: -16px;}
}

.body-wrapper{background: #fff;}

.toutiao{text-align: center; border-bottom: 1px solid #f1f1f1;}
.toutiao dl{position: relative; display: inline-block; padding-left: 12%;width:80%;}
.toutiao dl .hd{position: absolute; top: 0; bottom: 0; left: 0; width: 12%;}
.toutiao dl .hd label{position: absolute; top: 50%; left: 0; display: block; margin-top: -.75em; font-size: 1.625em;}
.toutiao dl .hd label span{position: relative; z-index: 3; display: block; padding: .25em 1em; color: #fff; line-height: 1em; white-space: nowrap;}
.toutiao dl .hd label span a{color:#fff;}
.toutiao dl .hd label:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; content: ""; background: #cf0000; border-top-left-radius: .5em; border-bottom-right-radius: .5em;}
.toutiao dl .hd label:after{position: absolute; top: 5px; right: -5px; bottom: -5px; left: 5px; z-index: 1; content: ""; background: #f00; opacity: .2; border-top-left-radius: .5em; border-bottom-right-radius: .5em;}
.toutiao dl .caption{text-align: center;}
.toutiao dl .caption a{display: inline-block; font-size: 1.875em; font-weight: bold; color: #085ea8; line-height: 1.5em;}
.toutiao dl .desc{margin-top: .75em; text-align: center; color: #666; line-height: 1.5em;}
@media (max-width:1480px){
  .toutiao dl .caption a{font-size: 1.75em;}
  .toutiao dl .hd label{font-size: 1.5em;}	
}
@media (max-width:1200px){
  .toutiao dl .caption a{font-size: 1.5em;}
  .toutiao dl .hd label{font-size: 1.375em;}
  .toutiao dl .desc{display: none;}	
}
@media (max-width:992px){
  .toutiao dl{padding-left: 0;}
  .toutiao dl .caption a{font-size: 1.5em;}	
  .toutiao dl .hd{display: none;}
}

@media (max-width:640px){
  .toutiao dl .caption a{font-size: 1.25em;}	
}
@media (max-width:450px){
  .toutiao dl .caption a{font-size: 1.125em;}	
}

.news .tpxw{position: relative;}
.news .tpxw .swiper-slide dl{position: relative;}
.news .tpxw .swiper-slide dl .place{padding-top: 64%;}
.news .tpxw .swiper-slide dl dt{position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; padding: 10px 100px 10px 15px; line-height: 25px; text-align: left;
background: rgba(0,0,0,.5);}
.news .tpxw .swiper-slide dl dt a{color: #fff;}
.news .tpxw .swiper-pagination{bottom: 13px;}
@media (max-width:1480px){
  .news .tpxw .swiper-slide dl .place{padding-top: 66.67%;}	
}
@media (max-width:1200px){
  .news .tpxw{margin-bottom: 20px;}
}
@media (max-width:992px){
  .news .tpxw .swiper-slide dl dt{padding: 15px;}	
}
@media (max-width:640px){
  .news .tpxw .swiper-slide dl dt{padding: 10px; line-height: 30px; height: auto; }
  .news .tpxw .swiper-slide dl dt a{font-weight: normal;}
  .news .tpxw .swiper-pagination{position: static; margin-top: 15px;}
  .news .tpxw .swiper-pagination .swiper-pagination-bullet{background: #000;}
}
.setIE.ie8 .news .tpxw .swiper-slide dl dt{background: url(../images/public/blank_black_opa50.png);}

@media (max-width:1480px){
  .news .xwdt .infolist li.li7{display: none;}
}
.setIE.ie8 .news .xwdt .infolist li.li7{display: none;}

.ztzlh2{
  width:100%;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
}
.ztzl > ul{margin-top: 0px;}
.ztzl > ul li a{display: block;margin-top: 4px;padding-top: 38.1%;}
@media (max-width:1200px){
  .ztzl{margin-bottom: 0;}
  .ztzl > ul{margin: -15px -7px 0 -8px;}
  .ztzl > ul li{float: left; width: 25%;}
  .ztzl > ul li a{margin: 15px 7px 0 8px;}
}
@media (max-width:768px){
  .ztzl > ul li{width: 50%;}	
}
/* 政务服务 */
.zwfwbox{padding: 32px 0;background: #F5F5F5;}
.fwcontainer > div{position: relative;float: left;;overflow: hidden;;width: 250px;background: #fff;border-radius: 8px;transition: all .5s;}
.fwcontainer > div + div{margin-left: 17px;}
.fwcontainer > div .fwbox a{display: inline-block;padding: 67px 68px;text-align: center;font-size: 24px;font-weight: bold;transition: all .5s;}
.fwcontainer > div .fwbox p{margin-top: 31px;}
.fwcontainer > div .fwinfo{position: absolute;overflow: hidden;left: 100%;top: 0;width: 418px;padding-top: 5px;transition: all .5s;}
.fwcontainer > div .fwinfo::before{position: absolute;content: '';left: 0;top: 30px;width: 1px;height: 100%;background: #000;}
.fwcontainer > div .fwinfo li{float: left;width: 33.3%;margin-top: 25px;;text-align: center;}
.fwcontainer > div .fwinfo li a{display: block;width: 100%;}
.fwcontainer > div .fwinfo li .imgbox{display: inline-block;margin-bottom: 10px;;padding: 15px;border: 1px solid;border-radius: 50%;}
.fwcontainer > div .fwinfo li .imgbox img{width: 40px;height: 40px;}
.fwcontainer > div .fwinfo li p{overflow: hidden;height: 24px;line-height: 24px;white-space: nowrap;text-overflow: ellipsis;}

.fwcontainer > div.on{width: 597px;}
.fwcontainer > div.on .fwbox a{padding: 67px 34px;}
.fwcontainer > div.on .fwinfo{left: 180px;}

.fwcontainer > div.tsfw .fwbox a{color: #A1508E;}
.fwcontainer > div.tsfw .fwinfo li .imgbox{border-color: #A1508E;}
.fwcontainer > div.tsfw .fwinfo::before{background: #A1508E;}

.fwcontainer > div.grfw .fwbox a{color: #7EBDCA;}
.fwcontainer > div.grfw .fwinfo li .imgbox{border-color: #7EBDCA;}
.fwcontainer > div.grfw .fwinfo::before{background: #7EBDCA;}

.fwcontainer > div.frfw .fwbox a{color: #CE7737;}
.fwcontainer > div.frfw .fwinfo li .imgbox{border-color: #CE7737;}
.fwcontainer > div.frfw .fwinfo::before{background: #CE7737;}

.fwcontainer > div.bmfw .fwbox a{color: #D36A54;}
.fwcontainer > div.bmfw .fwinfo li .imgbox{border-color: #D36A54;}
.fwcontainer > div.bmfw .fwinfo::before{background: #D36A54;}

@media (max-width:1480px){
  .fwcontainer > div{width: 202px;}
  .fwcontainer > div .fwbox a{padding: 67px 45px;}
  .fwcontainer > div .fwinfo{width: 360px;}
  
  .fwcontainer > div.on{width: 510px;}
  .fwcontainer > div.on .fwbox a{padding: 67px 20px;}
  .fwcontainer > div.on .fwinfo{left: 150px;}

  .fwcontainer > div + div{margin-left: 8px;}
}
@media (max-width:1200px){
  .fwcontainer{width: 100%;padding: 0 29px;}
  .fwcontainer > div{width: 470px;margin-top: 10px;}
  .fwcontainer > div .fwbox a{padding: 67px 20px;}
  .fwcontainer > div .fwinfo{width: 320px;left: 150px;}

  .fwcontainer > div.on{width: 470px;}
  .fwcontainer > div.on .fwbox a{padding: 67px 20px;}
  .fwcontainer > div.on .fwinfo{left: 150px;}

  .fwcontainer > div + div{margin-left: 25px;}
  .fwcontainer > div:nth-child(3){margin-left: 0;}
}
@media (max-width:768px){
  .fwcontainer > div{width: 100%;margin-top: 10px;}
  .fwcontainer > div .fwbox a{padding: 67px 50px;}
  .fwcontainer > div .fwinfo{width: 490px;left: 210px;}

  .fwcontainer > div.on{width: 100%;}
  .fwcontainer > div.on .fwbox a{padding: 67px 50px;}
  .fwcontainer > div.on .fwinfo{left: 210px;}

  .fwcontainer > div + div{margin-left: 0;}
  .fwcontainer > div:nth-child(3){margin-left: 0;}
}
@media (max-width:450px){
  .zwfwbox{padding: 10px 0;}
  .fwcontainer{padding: 0 10px;}
  .fwcontainer > div .fwbox img{width: 60px;}
  .fwcontainer > div .fwinfo{position: unset;width: 100%;padding-bottom: 25px;}
  .fwcontainer > div .fwinfo::before{display: none;}
  .fwcontainer > div .fwbox{text-align: center;}
  .fwcontainer > div .fwbox a,.fwcontainer > div.on .fwbox a{padding: 25px 0;font-size: 20px;}
  .fwcontainer > div .fwbox p{margin-top: 15px;}
  
}
/* 专题专栏 */
.ztzlbox{position:relative;}
.ztzlbox .more{top:25px;}
.channeltop{text-align: center;overflow: hidden;position: relative;}
.channeltop a{display: inline-block;position: relative;background: #fff;z-index: 9;padding: 0 38px;}
.channeltop .cn{font-size: 34px;font-weight: bold;color: #333;line-height: 52px;}
.channeltop .cn span{color: #0F74D8;}
.channeltop .en{color: #999;}
.channeltop::after{position: absolute;content: '';left: 0;top: 50%;width: 100%;height: 2px;background-color: #F1F2F3;}
.channeltop a::before,.channeltop a::after{position: absolute;content: '';top: 50%;margin-top: -3px;;width: 7px;height: 7px;background: #0262D6;}
.channeltop a::before{left: 100%;}
.channeltop a::after{right: 100%;}

.ztswiper{overflow: hidden;margin-top: 30px;}
.ztswiper img{width:100%;height:125px;}
@media (max-width:768px){
  .channeltop .cn{font-size: 28px;}
  .channeltop .en{font-size: 14px;}
  .channeltop a{padding: 0 20px;}
}

.gkhdbox{margin-top: 50px;margin-bottom: 60px;}

/*政务公开*/
.zwgk{width: 67%;float: left;position: relative;}
.gktop{position: relative;}
.gktop::after{position: absolute;content: '';left: 0;top: 50%;width: 100%;height: 2px;background-color: #F1F2F3;}
.gktop span{position: relative;padding-right: 20px;background-color: #fff;color: #383838;font-weight: bold;font-size: 30px;z-index: 9;}
.gktop span::before{position: absolute;content: '';left: 100%;top: 50%;margin-top: -3px;;width: 7px;height: 7px;background: #0262D6;}
.more{position: absolute;top: 7px;right: 0;padding-left: 40px;background-color: #fff;z-index: 9;}
.more a{color: #999;font-size: 18px;}

.zfxxgkbox{margin-top: 10px;}
.zfxxgkbox ul{font-size: 0;text-align: justify;text-align-last: justify;}
.zfxxgkbox ul li{display: inline-block;margin-top: 30px;;width: 30%;height: 176px;vertical-align: top;;font-size: 22px;text-align: center;text-align-last: center;background: #F5F5F5;}
.zfxxgkbox ul li a{display: block;width: 100%;height: 100%;padding: 47px 0;box-sizing: border-box;}
.zfxxgkbox ul li p{margin-top: 18px;}
.zfxxgkbox ul li img{height: 36px;}
.zfxxgkbox ul li:hover img{transform: rotateY(360deg); transition: all .5s linear;}

.zfxxgkzl .swiper-container{margin-right: -7px; margin-left: -8px;}
.zfxxgkzl .swiper-slide a{display: block; margin-right: 7px; margin-left: 8px; text-align: center; padding: 25px 0 24px;}
.zfxxgkzl .swiper-slide a i{position: relative; display: inline-block; vertical-align: middle; margin-right: .25em; padding: 3px 0; width: 35px; height: 35px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.zfxxgkzl .swiper-slide a i img{display: block; position: relative; z-index: 2; width: 100%; height: 100%;}
.zfxxgkzl .swiper-slide a span{display: inline-block; position: relative; vertical-align: middle; line-height: 1.2em; text-align: left; width: 4.25em; max-width: 4.25em;}
.zfxxgkzl .swiper-slide a.zc span{width: 2.25em; max-width: 2.25em;}
.zfxxgkzl .swiper-slide a.sq span{width: 5.25em; max-width: 5.25em;}
.zfxxgkzl .swiper-slide a.zc{background: #fbe9e4;}
.zfxxgkzl .swiper-slide a.zn{background: #FDF3DA;}
.zfxxgkzl .swiper-slide a.zd{background: #DCF4F6;}
.zfxxgkzl .swiper-slide a.nr{background: #d9f3ff;}
.zfxxgkzl .swiper-slide a.sq{background: #ffe9d4;}
@media (max-width:768px){
  .zwgk{width: 100%;}
  .zfxxgkbox ul li{width: 48%;font-size: 18px;}
}

/*政民互动*/
.hdjl{position: relative;float: right;width: 30%;}
.hdbox{margin-top: 10px;}
.hdjl .gktop::after,.hdjl .gktop span::before{display: none;}

.hdbox ul{text-align: justify;text-align-last: justify;}
.hdbox li{display: inline-block;margin-top: 30px;;width: 48%;height: 176px;;text-align: center;text-align-last: center;background: #EBF5FC;}
.hdbox li a{display: block;padding: 25px 0;width: 100%;height: 100%;box-sizing: border-box;}
.hdbox li a span{display: block;margin-top: 20px;font-size: 21px;}
.hdbox li a img{width: 67px;}
.hdbox li:hover img{transform: rotateY(360deg); transition: all .5s linear;}

.zmhd .menu-cards{margin-top: -15px; margin-right: -7px; margin-left: -8px;}
.zmhd .menu-cards li{width: 25%;}
.zmhd .menu-cards li a.item{margin: 15px 7px 0 8px; padding: 10px 0; background: #ebf5fc;}
.zmhd .menu-cards li a.item i{width: 50px; height: 50px; margin-bottom: 0;}
.zmhd .menu-cards li a.item span{color: #666;}
@media (max-width:768px){
  .zmhd .menu-cards li{width: 50%;}	
  .zmhd .menu-cards li a.item{padding: 20px 0;}

  .hdjl{width: 100%;margin-top: 20px;}
}
/* 左右飘窗 */
.rightpc{
    position: fixed;
    bottom: 10px;
    right: 30px;
}
.rightpc img{
    max-width: 280px;
}
.rightpc .close{
    position: absolute;
    top: 1%;
    right: 1%;
    color:#fff;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center;
    cursor: pointer;
}
.rightpc .close:hover{
    background:#fff;
    border-radius:50%;
    color:#666;
}
.leftpc{
    position: fixed;
    bottom: 10px;
    left: 30px;
    z-index: 999;
}
.leftpc img{
    max-width: 280px;
}
.leftpc .close{
    position: absolute;
    top: 1%;
    right: 1%;
    color:#fff;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center;
    cursor: pointer;
}
.leftpc .close:hover{
    background:#fff;
    border-radius:50%;
    color:#666;
}
@media (max-width: 1200px) {
.rightpc,.leftpc{display:none;}
}